<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>知识库-详情</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
</head>

<body id="app">
    <!-- 头部 -->
    <header class="header dn" v-show="!showModal" v-cloak id="header">
        <!--<a href="javascript:;" title="返回" class="icon back" @click="back();"></a>-->
        <back toback="true"></back>
        <h1 class="ell">{{info.title}}</h1>
        <a href="javascript:void(0);" @click="share();" title="分享" class="icon shareIcon" style="display:none"></a>
        <a href="javascript:void(0);" title="分类" class="icon flIcon" @click="add();" v-if="info.haveAnnex==1||info.isPreview==1"></a>
    </header>


    <!-- 详情 -->
    <section class="" v-show="!showModal" id="section">
        <!-- <div id="viewer" style="height: 100%"></div> -->
        <div class="font24 color21 article" id="vDiv">

            <div id="viewer" style="width:100%;overflow: hidden;" v-touch:tap="showHeader($event)"></div>

            <!--          <iframe v-bind:src = info.content  width="100%" height="100%" id="artIframe"> 
            </iframe> -->

        </div>

        <div class="clearfix artFooter dn">
            <a href="javascript:void(0);" @click="Collection();return false;" class="fl btns collBtn">{{collectionTitle}}</a>
            <a href="comments.html?id={{info.id}}" class="fr btns comsIcon">评论（{{info.commentCount}}）</a>
        </div>


    </section>

    <!-- 更多 -->
    <template v-if="addShow==true" v-cloak>
        <div class="cateBoxBg" @click="add();"></div>
        <ul class="cateBox">
            <template v-if="info.haveAnnex==1">
                <li><a href="javascript:;" @click="lookAttach(info.id);">查看附件</a></li>
            </template>
    <template v-if="info.isPreview==1">
            	<li>
                    <a href="javascript:void(0);" class="grade grey" v-if="isScore===1">已评分</a>
                    <a href="javascript:void(0);" @click="grade();" class="grade" v-else="isScore===1">评分</a>
                </li>
            	<!-- <li><a href="userCenter.html?uid={{info.authorID}}">查看TA的主页</a></li> -->
            	<li><a href="javascript:void(0);" @click="addFollow();return false;">{{followTitle}}</a></li>

                <li><a href="javascript:void(0);" @click="Collection();return false;">{{collectionTitle}}</a></li>
            	
                <li><a href="javascript:;" @click="toComment(info.id);">评论</a></li>
                
                <template v-if="info.deletePower==1">
                  <li><a href="javascript:void(0);" class="ooo">删除</a></li>
                </template>
    </template>
    </ul>
    </template>

    <modal :show.sync="showModal"></modal>
    <!-- template for the modal component -->
    <script type="x/template" id="modal-template">
        <!-- 头部 -->
        <header class="header" v-show="show">
            <div class="clearfix search-box searchBigBox">
                <input type="button" class="fl search-btn" @click="search();">
                <input type="text" id="searchword" class="search-txt" placeholder="搜索" value="" maxlength="30" v-model="query">
            </div>
            <div class="text">
                <a href="javascript:void(0);" title="确认" @click='ok();' style="color: #fff">确认</a>
                <a href="javascript:void(0);" title="取消" @click='cancel();' style="color: #fff">取消</a>
            </div>
        </header>

        <!-- 通讯录 -->
        <section class="padT23 addrBook" v-show="show">
            <div v-for="info in users">
                <span class="db pad24 font18 color72">{{info.type}}</span>
                <ul id='uluser' class="padLR24 bgff">
                    <!-- 选中则加上 class="on" -->
                    <li dataID='{{info.uid}}' class="padTB24 font24 color21 borderB" @click="checked($event);" v-for="info in info.userList | filterBy query in 'uname'">
                        {{info.uname }}
                    </li>
                </ul>
            </div>

        </section>
    </script>


    <script type="text/javascript" src="js/lib/jquery.min.1.7.2.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script src="js/lib/hammer.min.js"></script>
    <script src="js/lib/vue-touch.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js?id=1"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/articleDetail.js?id=4"></script>
    <script src="http://zopen.beta.easydo.cn:9870/static/main.js"></script>
</body>

</html>